<template>
    <div>
        <el-card class="card-container">
            <div>
            
            <span>昵称：xuyukai</span>
            <img class="avatar" src="@/assets/imgs/cart-empty.png" alt="头像" />
            <span>年龄：不到一年</span>
            <span>个性签名: 暂无</span>
            </div>
            <span>收货地址: 广东财经大学</span>
            <el-row class="edit">
                <el-button type="primary">编辑</el-button>
                <el-button type="primary">保存</el-button>
            </el-row>
        </el-card>
    </div>

</template>
<script>
export default ({
   data(){
       return{

       }
   },
   methods:{

   },
   created() {

   }
})
</script>
<style scoped>
.card-container{
    padding: 20px;
}
span{
    display: inline-block;
    margin: 20px 50px;
    width: 500px;
}
.edit{
    display: flex;
    align-items: center;
    justify-content: center;
}
.avatar{
    float: right;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    margin: 20px 50px 0 0;
}
</style>
